header {
    height: 44px;
    width: 100%;
    background-color: #ff841d;
    position: relative;

    .font-left {
        a {
            position: absolute;
            top: 5px;
            left: 10px;
            color: #fff;
            height: 44px;
            width: 44px;
        }
    }

    .font-right {
        position: absolute;
        top: 8px;
        right: 0;
        color: #fff;
        height: 44px;
        width: 44px;
    }

    .content {
        display: flex;
        flex: 1;
        justify-content: center;
        color: #fff;
        line-height: 44px;
        font-size: 20px;
    }
}

// 导航栏下拉菜单
.navbar {
    display: flex;
    width: 100%;
    justify-content: space-between;

    // height: 38px;
    // display: flex;
    // border: 5px solid #000;
    .navbar-nav {
        // float: left;
        display: flex;
        width: 100%;

        .dropdown {
            width: 33%;

            .sdropdown-menu {}
        }

        .shop {
            padding-left: 15px;
        }
    }

    .search {
        width: 48px;
        height: 100%;
        text-align: right;
        position: relative;

        .fa-lg {
            position: absolute;
            top: 12px;
            right: 14px;
        }
    }
}

// 商品部分
.product {
    ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0 .1rem;

        li {
            width: 50%;
            padding-left: .1rem;

            a {
                img {
                    width: 100%;
                    height: 100%;
                }

                .font {
                    overflow: hidden;
                    height: .25rem;
                    color: #000;
                    font-size: .18rem;
                }

                #price {
                    span:nth-child(1) {
                        color: #f00;
                        font-size: .2rem;
                    }

                    span:nth-child(2) {
                        display: inline-block;
                        color: #fff;
                        float: right;
                        margin: .05rem;
                        text-align: center;
                        line-height: .2rem;
                        font-size: .12rem;
                        height: .2rem;
                        width: .5rem;
                        border-radius: 3px;
                        background-color: #ff841d;
                    }
                }
            }
        }
    }
}


/*底部*/

footer {
    width: 100%;
    background-color: #ccc;

    div {
        width: 100%;
        display: flex;
        color: #fff;
    }

    // 第一个div
    div:nth-child(1) {
        // margin-top: 0.5rem;
        font-size: 0.24rem;
        display: flex;
        justify-content: space-around;

        span {
            border: 1px solid #333;
            width: 33.33%;
            text-align: center;
            color: #333
        }

        span:nth-child(1) {
            border-left: none;
        }

        span:nth-child(3) {
            border-right: none;
        }
    }

    // 第二个div
    div:nth-child(2) {
        margin-top: 0.2rem;
        // border: 1px solid red;
        font-size: 0.16rem;
        display: flex;
        flex-wrap: wrap;

        span {
            width: 27.53%;
        }

        span:nth-child(1) {
            color: red;
            text-align: right;
            // border: 1px solid red;
            width: 37.53%;
        }

        span:nth-child(2) {
            color: #333;
            // border: 1px solid red;
            width: 16.33%;
        }

        span:nth-child(3) {
            color: #857b7e;
        }

        span:nth-child(4) {
            color: #857b7e;
            flex: 1;
            text-align: center;
        }
    }
}